<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>后台管理系统</title>
	    <meta name="author" content="BaiYY"/>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="renderer" content="webkit">
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap-datetimepicker.min.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/Font/css/font-awesome.min.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/index.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/pages.css"/>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/jquery.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/index.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/time.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/pages.js"></script>
		<script type="text/javascript" src="__PUBLIC__/admin/js/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/admin/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
	</head>
	<body>
		<div class="right-sidebar" style="max-width: 1200px;">
			<ul class="nav nav-tabs" style="margin-bottom: 16px" role="tablist">
				<li role="presentation" class="active"><a href="payRank.html">充值排行</a></li>
				<li role="presentation"><a href="buyRank.html">购买排行</a></li>
			</ul>
			<div>
				<div>
					<p>说明：排行从上到下，默认时间是一周</p>
					  <div class="form-group">
					    <label for="start_time">开始时间</label>
					    <input type="text" class="form-control" id="start_time" name="start_time" data-date-format="yyyy-mm-dd hh:ii:ss">
					  </div>
					  <div class="form-group">
					    <label for="end_time">结束时间</label>
					    <input type="text" class="form-control" id="end_time" name="end_time" data-date-format="yyyy-mm-dd hh:ii:ss">
					  </div>
					  <button type="submit" class="btn btn-primary" id="cbtn">查询</button>
				</div>
				<div class="table-responsive" style="margin-top: 15px;">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>排名</th>
								<th>代理ID</th>
								<th>姓名</th>
								<th>充值数量</th>
							</tr>
						</thead>
						<tbody id="dataList"></tbody>
					</table>
				</div>
				<div style="width: 100%;">
                    <ul class="page" id="page" style="width: 100%;overflow: hidden;"></ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function () {
				$("#end_time").val(getLocalTime(new Date()/1000));
				$("#start_time").val(getLocalTime((new Date()/1000 - 604800)));
            });
			$("#cbtn").on("click",function(){
				var start_time = new Date($("#start_time").val());
				start_time = Date.parse(start_time)/1000;
				var end_time = new Date($("#end_time").val());
				end_time = Date.parse(end_time)/1000;

				if($.trim($("#start_time").val()) == '' || $.trim($("#end_time").val()) == ''){
					alert("时间不能为空！");
					window.location.href="{:U('Admin/Main/payRank')}";
					return false;
				}
				if(start_time > end_time || start_time == end_time) {
					alert("请注意时间的先后顺序！");
					window.location.href="{:U('Admin/Main/payRank')}";
					return false;
				}
				$.ajax({
					type:"post",
					url:"{:U('Admin/Main/payRankSearch')}",
					dataType:"json",
					data:{'start_time':start_time,"end_time":end_time},
					success:function(datas) {
	//					console.log(datas);
						var num = 0;
						for(var i=0;i<datas.length;i++) {
							num++;
							datas[i]['num_order'] = num;
						}
						if(datas != 'nodata' && datas) {
							options={
								"id":"page",//显示页码的元素
								"data":datas,//显示数据
								"maxshowpageitem":2,//最多显示的页码个数
								"pagelistcount":5,//每页显示数据个数
								"callBack":function(data){
									var str = "";
									for(var i=0;i<data.length;i++) {
										str += "<tr><td>"+data[i].num_order+"</td><td>"+data[i].user_id+"</td><td>"+data[i].name+"</td><td>"+data[i].total_number+"</td></tr>";
									}
									$("#dataList").html(str);
								}
							}
							page.init(datas.length,1,options);
						}else if(datas == 'nodata') {
                            $("#dataList").html("暂时没有数据！");
						}
					}
				});

			})
			
		</script>
		<script type="text/javascript">
			$(function(){
                $( "#start_time" ).datetimepicker({
                    language: 'zh-CN',
                    autoclose: 1,
                    todayHighlight: 1,
                    weekStart: 1,
                    startDate: 0
				});
                $( "#end_time" ).datetimepicker({
                    language: 'zh-CN',
                    autoclose: 1,
                    todayHighlight: 1,
                    weekStart: 1,
                    startDate: 0
                });
				$.ajax({
					type:"post",
					url:"{:U('Admin/Main/payRankPage')}",
					success:function(datas) {
//						console.log(datas);
						var num = 0;
						for(var i=0;i<datas.length;i++) {
							num++;
							datas[i]['num_order'] = num;
						}
						if(datas != 'nodata' && datas) {
							options={
								"id":"page",//显示页码的元素
								"data":datas,//显示数据
							    "maxshowpageitem":2,//最多显示的页码个数
							    "pagelistcount":5,//每页显示数据个数
							    "callBack":function(data){
							    	var str = "";
									for(var i=0;i<data.length;i++) {
										str += "<tr><td>"+data[i].num_order+"</td><td>"+data[i].user_id+"</td><td>"+data[i].name+"</td><td>"+data[i].total_number+"</td></tr>";
									}
									$("#dataList").html(str);
						    	}
							}
							page.init(datas.length,1,options);
						}else if(datas =='nodata') {
                            $("#dataList").html("暂时没有数据！");
						}
					}
				});
			})
			
		</script>
	</body>
</html>
